<template>
  <div>
    <dl class="side">
        <dt>我的账户</dt>
        <dd @click="toMyself">个人中心</dd>
        <dd>消息通知</dd>
        <dd>个人信息</dd>
        <dd>安全设置</dd>
        <dd>地址管理</dd>
        <dd>我的积分</dd>
        <dd>我的足迹</dd>
        <dd>邀请有礼</dd>
        <dd>幸运抽奖</dd>
        <dt>交易管理</dt>
        <dd @click="toMyOrder">我的订单</dd>
        <dd>优惠券</dd>
        <dd>礼品卡</dd>
        <dd>评价晒单</dd>
        <dd>售后服务</dd>
        <dt>我的收藏</dt>
        <dd>收藏的商品</dd>
        <dd>收藏的专题</dd>
        <dd>关注的品牌</dd>
        <dt>帮助中心</dt>
        <dd>帮助中心</dd>
        <dd>在线客服</dd>
    </dl>
  </div>
</template>

<script>
export default {    
    name:"SideView",
    mounted(){
      // this.toMyOrder();
    },
    methods:{
      toMyself(){
        this.$router.push("/OrderView/myself")
      },
      toMyOrder(){
        this.$router.push("/OrderView")
      }
    }
}
</script>

<style lang="less" scoped>
    dl{
      margin: 0 59px;
      margin-left: 331px;
      width: 72px;
      // background: red;
      dt{
        font-size: 16px;
        font-weight: bold;
        margin: 13px 0;
      }
      dd{
        font-size: 14px;
        margin: 13px 0;
      }
    }
</style>